<script setup lang="jsx">
import {computed, inject, provide, ref, watch} from "vue";
const data = ref([])
const visible = ref(false)

let columns = ref([
  {title: '', dataIndex: '0',},
  {title: '', dataIndex: '1',},
  {title: '', dataIndex: '2',},
  {title: '', dataIndex: '3',},
  {title: '', dataIndex: '4',},
  {title: '', dataIndex: '5',},
  {title: '', dataIndex: '6',},
  {title: '', dataIndex: '7',},
  {title: '', dataIndex: '8',},
  {title: '', dataIndex: '9',},
  {title: '', dataIndex: '10',},
  {title: '', dataIndex: '11',},
  {title: '', dataIndex: '12',},
  {title: '', dataIndex: '13',},
]);
const open = (row) => {
  data.value = row.json
  
  visible.value = true
}
defineExpose({ open })
</script>

<template>
  <a-modal v-model:visible="visible" width="70%" :footer="false">
    <a-table :columns="columns" :data="data" :bordered="false" :column-resizable="true" :pagination="false">
         
    </a-table>
  </a-modal>
</template>

<style scoped>

</style>